// @ts-ignore
import styled from "styled-components";
const HomeIndexStyle=styled.div`
  position: relative;
  .home-nav-box{
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
  }
  .home-nav{
    display: inline;
    position: relative;
    left: 300px;
    /* background: pink; */
    display: flex;
    justify-content: center;
    width: fit-content;/* 让width根据内容自适应 */
    line-height: 50px;
  }
  .home-nav li{
    margin: 0 20px;
  }
  .home-nav a{
    padding: 5px;
    font-size: 18px;
  }
  .home-nav a:hover{
    color: var(--theme-color);
  }
  .active{
    background: transparent!important;
    color: var(--theme-color)!important;
  }
`;
export default HomeIndexStyle;
